<?php
use app\assets\AppAsset;
AppAsset::register($this);
?>
<?php $this->beginPage(); ?>
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <!-- Meta -->
        <meta charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="keywords" content="MediaCenter, Template, eCommerce">
        <meta name="robots" content="all">
        <?php $this->head(); ?>
        <title>MediaCenter - Responsive eCommerce Template</title>


        <!-- Demo Purpose Only. Should be removed in production : END -->

        <!-- Fonts -->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800' rel='stylesheet' type='text/css'>



        <!-- Favicon -->
        <link rel="shortcut icon" href="images/favicon.ico">




    </head>
    <body>
    <?php $this->beginBody(); ?>

    <div class="wrapper">
        <!-- ============================================================= TOP NAVIGATION ============================================================= -->
        <nav class="top-bar animate-dropdown">
            <div class="container">
                <div class="col-xs-12 col-sm-6 no-margin">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle"  data-toggle="dropdown" href="#change-colors">Change Colors</a>

                            <ul class="dropdown-menu" role="menu" >
                                <li role="presentation"><a role="menuitem" class="changecolor green-text" tabindex="-1" href="#" title="Green color">Green</a></li>
                                <li role="presentation"><a role="menuitem" class="changecolor blue-text" tabindex="-1" href="#" title="Blue color">Blue</a></li>
                                <li role="presentation"><a role="menuitem" class="changecolor red-text" tabindex="-1" href="#" title="Red color">Red</a></li>
                                <li role="presentation"><a role="menuitem" class="changecolor orange-text" tabindex="-1" href="#" title="Orange color">Orange</a></li>
                                <li role="presentation"><a role="menuitem" class="changecolor navy-text" tabindex="-1" href="#" title="Navy color">Navy</a></li>
                                <li role="presentation"><a role="menuitem" class="changecolor dark-green-text" tabindex="-1" href="#" title="Darkgreen color">Dark Green</a></li>
                            </ul>
                        </li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="faq.html">FAQ</a></li>
                        <li><a href="contact.html">Contact</a></li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#pages">Pages</a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="index.html">Home</a></li>
                                <li><a href="index-2.html">Home Alt</a></li>
                                <li><a href="category-grid.html">Category - Grid/List</a></li>
                                <li><a href="category-grid-2.html">Category 2 - Grid/List</a></li>
                                <li><a href="single-product.html">Single Product</a></li>
                                <li><a href="single-product-sidebar.html">Single Product with Sidebar</a></li>
                                <li><a href="cart.html">Shopping Cart</a></li>
                                <li><a href="checkout.html">Checkout</a></li>
                                <li><a href="about.html">About Us</a></li>
                                <li><a href="contact.html">Contact Us</a></li>
                                <li><a href="blog.html">Blog</a></li>
                                <li><a href="blog-fullwidth.html">Blog Full Width</a></li>
                                <li><a href="blog-post.html">Blog Post</a></li>
                                <li><a href="faq.html">FAQ</a></li>
                                <li><a href="terms.html">Terms & Conditions</a></li>
                                <li><a href="authentication.html">Login/Register</a></li><li><a href="http://www.moke8.com">More</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.col -->

                <div class="col-xs-12 col-sm-6 no-margin">
                    <ul class="right">
                        <li class="dropdown">
                            <a class="dropdown-toggle"  data-toggle="dropdown" href="#change-language">English</a>
                            <ul class="dropdown-menu" role="menu" >
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Turkish</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Tamil</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">French</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Russian</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle"  data-toggle="dropdown" href="#change-currency">Dollar (US)</a>
                            <ul class="dropdown-menu" role="menu">
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Euro (EU)</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Turkish Lira (TL)</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Indian Rupee (INR)</a></li>
                                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Dollar (US)</a></li>
                            </ul>
                        </li>
                        <li><a href="authentication.html">Register</a></li>
                        <li><a href="authentication.html">Login</a></li>
                    </ul>
                </div><!-- /.col -->
            </div><!-- /.container -->
        </nav><!-- /.top-bar -->
        <!-- ============================================================= TOP NAVIGATION : END ============================================================= -->		<!-- ============================================================= HEADER ============================================================= -->
        <header class="no-padding-bottom header-alt">
            <div class="container no-padding">

                <div class="col-xs-12 col-md-3 logo-holder">
                    <!-- ============================================================= LOGO ============================================================= -->
                    <div class="logo">
                        <a href="index.html">
                            <!--<img alt="logo" src="images/logo.svg" width="233" height="54"/>-->
                            <!--<object id="sp" type="image/svg+xml" data="images/logo.svg" width="233" height="54"></object>-->
                            商城
                        </a>
                    </div><!-- /.logo -->
                    <!-- ============================================================= LOGO : END ============================================================= -->		</div><!-- /.logo-holder -->

                <div class="col-xs-12 col-md-6 top-search-holder no-margin">
                    <div class="contact-row">
                        <div class="phone inline">
                            <i class="fa fa-phone"></i> (+800) 123 456 7890
                        </div>
                        <div class="contact inline">
                            <i class="fa fa-envelope"></i> contact@<span class="le-color">oursupport.com</span>
                        </div>
                    </div><!-- /.contact-row -->
                    <!-- ============================================================= SEARCH AREA ============================================================= -->
                    <div class="search-area">
                        <form>
                            <div class="control-group">
                                <input class="search-field" placeholder="Search for item" />

                                <ul class="categories-filter animate-dropdown">
                                    <li class="dropdown">

                                        <a class="dropdown-toggle"  data-toggle="dropdown" href="category-grid.html">all categories</a>

                                        <ul class="dropdown-menu" role="menu" >
                                            <li role="presentation"><a role="menuitem" tabindex="-1" href="category-grid.html">laptops</a></li>
                                            <li role="presentation"><a role="menuitem" tabindex="-1" href="category-grid.html">tv & audio</a></li>
                                            <li role="presentation"><a role="menuitem" tabindex="-1" href="category-grid.html">gadgets</a></li>
                                            <li role="presentation"><a role="menuitem" tabindex="-1" href="category-grid.html">cameras</a></li>

                                        </ul>
                                    </li>
                                </ul>

                                <a class="search-button" href="#" ></a>

                            </div>
                        </form>
                    </div><!-- /.search-area -->
                    <!-- ============================================================= SEARCH AREA : END ============================================================= -->		</div><!-- /.top-search-holder -->

                <div class="col-xs-12 col-md-3 top-cart-row no-margin">
                    <div class="top-cart-row-container">
                        <div class="wishlist-compare-holder">
                            <div class="wishlist ">
                                <a href="#"><i class="fa fa-heart"></i> wishlist <span class="value">(21)</span> </a>
                            </div>
                            <div class="compare">
                                <a href="#"><i class="fa fa-exchange"></i> compare <span class="value">(2)</span> </a>
                            </div>
                        </div>

                        <!-- ============================================================= SHOPPING CART DROPDOWN ============================================================= -->
                        <div class="top-cart-holder dropdown animate-dropdown">

                            <div class="basket">

                                <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                    <div class="basket-item-count">
                                        <span class="count">3</span>
                                        <img src="images/icon-cart.png" alt="" />
                                    </div>

                                    <div class="total-price-basket">
                                        <span class="lbl">your cart:</span>
                                        <span class="total-price">
                        <span class="sign">$</span><span class="value">3219,00</span>
                    </span>
                                    </div>
                                </a>

                                <ul class="dropdown-menu">
                                    <li>
                                        <div class="basket-item">
                                            <div class="row">
                                                <div class="col-xs-4 col-sm-4 no-margin text-center">
                                                    <div class="thumb">
                                                        <img alt="" src="images/products/product-small-01.jpg" />
                                                    </div>
                                                </div>
                                                <div class="col-xs-8 col-sm-8 no-margin">
                                                    <div class="title">Blueberry</div>
                                                    <div class="price">$270.00</div>
                                                </div>
                                            </div>
                                            <a class="close-btn" href="#"></a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="basket-item">
                                            <div class="row">
                                                <div class="col-xs-4 col-sm-4 no-margin text-center">
                                                    <div class="thumb">
                                                        <img alt="" src="images/products/product-small-01.jpg" />
                                                    </div>
                                                </div>
                                                <div class="col-xs-8 col-sm-8 no-margin">
                                                    <div class="title">Blueberry</div>
                                                    <div class="price">$270.00</div>
                                                </div>
                                            </div>
                                            <a class="close-btn" href="#"></a>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="basket-item">
                                            <div class="row">
                                                <div class="col-xs-4 col-sm-4 no-margin text-center">
                                                    <div class="thumb">
                                                        <img alt="" src="images/products/product-small-01.jpg" />
                                                    </div>
                                                </div>
                                                <div class="col-xs-8 col-sm-8 no-margin">
                                                    <div class="title">Blueberry</div>
                                                    <div class="price">$270.00</div>
                                                </div>
                                            </div>
                                            <a class="close-btn" href="#"></a>
                                        </div>
                                    </li>


                                    <li class="checkout">
                                        <div class="basket-item">
                                            <div class="row">
                                                <div class="col-xs-12 col-sm-6">
                                                    <a href="cart.html" class="le-button inverse">View cart</a>
                                                </div>
                                                <div class="col-xs-12 col-sm-6">
                                                    <a href="checkout.html" class="le-button">Checkout</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>

                                </ul>
                            </div><!-- /.basket -->
                        </div><!-- /.top-cart-holder -->
                    </div><!-- /.top-cart-row-container -->
                    <!-- ============================================================= SHOPPING CART DROPDOWN : END ============================================================= -->		</div><!-- /.top-cart-row -->

            </div><!-- /.container -->

            <!-- ========================================= NAVIGATION ========================================= -->
            <nav id="top-megamenu-nav" class="megamenu-vertical animate-dropdown">
                <div class="container">
                    <div class="yamm navbar">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mc-horizontal-menu-collapse">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div><!-- /.navbar-header -->
                        <div class="collapse navbar-collapse" id="mc-horizontal-menu-collapse">
                            <ul class="nav navbar-nav">
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">TV &amp; Audio</a>
                                    <ul class="dropdown-menu">
                                        <li><div class="yamm-content">
                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Laptops &amp; Notebooks</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound </a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Computers &amp; Laptops</h2>
                                                        <ul>
                                                            <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                                            <li><a href="#">CPUs, Processors</a></li>
                                                            <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                                            <li><a href="#">Graphics, Video Cards</a></li>
                                                            <li><a href="#">Interface, Add-On Cards</a></li>
                                                            <li><a href="#">Laptop Replacement Parts</a></li>
                                                            <li><a href="#">Memory (RAM)</a></li>
                                                            <li><a href="#">Motherboards</a></li>
                                                            <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                                            <li><a href="#">Motherboard Components &amp; Accs</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Dekstop Parts</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound</a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->
                                                </div><!-- /.row -->
                                            </div><!-- /.yamm-content --></li>
                                    </ul>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">RTV</a>
                                    <ul class="dropdown-menu">
                                        <li><div class="yamm-content">
                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Laptops &amp; Notebooks</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound </a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Computers &amp; Laptops</h2>
                                                        <ul>
                                                            <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                                            <li><a href="#">CPUs, Processors</a></li>
                                                            <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                                            <li><a href="#">Graphics, Video Cards</a></li>
                                                            <li><a href="#">Interface, Add-On Cards</a></li>
                                                            <li><a href="#">Laptop Replacement Parts</a></li>
                                                            <li><a href="#">Memory (RAM)</a></li>
                                                            <li><a href="#">Motherboards</a></li>
                                                            <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                                            <li><a href="#">Motherboard Components &amp; Accs</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Dekstop Parts</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound</a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->
                                                </div><!-- /.row -->
                                            </div><!-- /.yamm-content --></li>
                                    </ul>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Computers</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                        <li><a href="#">CPUs, Processors</a></li>
                                        <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                        <li><a href="#">Graphics, Video Cards</a></li>
                                        <li><a href="#">Interface, Add-On Cards</a></li>
                                        <li><a href="#">Laptop Replacement Parts</a></li>
                                        <li><a href="#">Memory (RAM)</a></li>
                                        <li><a href="#">Motherboards</a></li>
                                        <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                    </ul>
                                </li>

                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Games &amp; Consoles</a>
                                    <ul class="dropdown-menu">
                                        <li><div class="yamm-content">
                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Laptops &amp; Notebooks</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound </a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Computers &amp; Laptops</h2>
                                                        <ul>
                                                            <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                                            <li><a href="#">CPUs, Processors</a></li>
                                                            <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                                            <li><a href="#">Graphics, Video Cards</a></li>
                                                            <li><a href="#">Interface, Add-On Cards</a></li>
                                                            <li><a href="#">Laptop Replacement Parts</a></li>
                                                            <li><a href="#">Memory (RAM)</a></li>
                                                            <li><a href="#">Motherboards</a></li>
                                                            <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                                            <li><a href="#">Motherboard Components &amp; Accs</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Dekstop Parts</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound</a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->
                                                </div><!-- /.row -->
                                            </div><!-- /.yamm-content --></li>
                                    </ul>
                                </li>


                                <li class="dropdown yamm-fw">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Gadgets</a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <div class="yamm-content">
                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-3">
                                                        <h2>Laptops &amp; Notebooks</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound </a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-3">
                                                        <h2>Computers &amp; Laptops</h2>
                                                        <ul>
                                                            <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                                            <li><a href="#">CPUs, Processors</a></li>
                                                            <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                                            <li><a href="#">Graphics, Video Cards</a></li>
                                                            <li><a href="#">Interface, Add-On Cards</a></li>
                                                            <li><a href="#">Laptop Replacement Parts</a></li>
                                                            <li><a href="#">Memory (RAM)</a></li>
                                                            <li><a href="#">Motherboards</a></li>
                                                            <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                                            <li><a href="#">Motherboard Components &amp; Accs</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-3">
                                                        <h2>Desktop Parts</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound</a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-3">
                                                        <h2>Laptops &amp; Notebooks</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound </a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->
                                                </div><!-- /.row -->
                                            </div><!-- /.yamm-content -->
                                        </li>
                                    </ul>
                                </li><!-- /.yamm-fw -->


                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Phones &amp; Tablets</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Motherboard Components &amp; Accs</a></li>
                                        <li><a href="#">Power Supplies Power</a></li>
                                        <li><a href="#">Power Supply TestersSound </a></li>
                                        <li><a href="#">Sound Cards (Internal)</a></li>
                                        <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                        <li><a href="#">Other</a></li>
                                    </ul>
                                </li>


                                <li class="dropdown hidden-md">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown">GPS &amp; Car Audio</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Laptops &amp; Notebooks</a></li>
                                        <li><a href="#">RTV</a></li>
                                        <li><a href="#">TV &amp; Audio</a></li>
                                        <li><a href="#">Gadgets</a></li>
                                        <li><a href="#">Cameras</a></li>
                                    </ul>
                                </li>

                                <li class="dropdown navbar-right hidden-md">
                                    <a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Accessories</a>
                                    <ul class="dropdown-menu">
                                        <li><div class="yamm-content">
                                                <div class="row">
                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Laptops &amp; Notebooks</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound </a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Computers &amp; Laptops</h2>
                                                        <ul>
                                                            <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                                            <li><a href="#">CPUs, Processors</a></li>
                                                            <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                                            <li><a href="#">Graphics, Video Cards</a></li>
                                                            <li><a href="#">Interface, Add-On Cards</a></li>
                                                            <li><a href="#">Laptop Replacement Parts</a></li>
                                                            <li><a href="#">Memory (RAM)</a></li>
                                                            <li><a href="#">Motherboards</a></li>
                                                            <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                                            <li><a href="#">Motherboard Components &amp; Accs</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->

                                                    <div class="col-xs-12 col-sm-4">
                                                        <h2>Dekstop Parts</h2>
                                                        <ul>
                                                            <li><a href="#">Power Supplies Power</a></li>
                                                            <li><a href="#">Power Supply Testers Sound</a></li>
                                                            <li><a href="#">Sound Cards (Internal)</a></li>
                                                            <li><a href="#">Video Capture &amp; TV Tuner Cards</a></li>
                                                            <li><a href="#">Other</a></li>
                                                        </ul>
                                                    </div><!-- /.col -->
                                                </div><!-- /.row -->
                                            </div><!-- /.yamm-content --></li>
                                    </ul>
                                </li>
                            </ul><!-- /.navbar-nav -->
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.navbar -->
                </div><!-- /.container -->
            </nav><!-- /.megamenu-vertical -->
            <!-- ========================================= NAVIGATION : END ========================================= -->
            <div class="animate-dropdown"><!-- ========================================= BREADCRUMB ========================================= -->
                <div id="breadcrumb-alt">
                    <div class="container">
                        <div class="breadcrumb-nav-holder minimal">
                            <ul>
                                <li class="dropdown breadcrumb-item">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                        shop by department
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Computer Cases &amp; Accessories</a></li>
                                        <li><a href="#">CPUs, Processors</a></li>
                                        <li><a href="#">Fans, Heatsinks &amp; Cooling</a></li>
                                        <li><a href="#">Graphics, Video Cards</a></li>
                                        <li><a href="#">Interface, Add-On Cards</a></li>
                                        <li><a href="#">Laptop Replacement Parts</a></li>
                                        <li><a href="#">Memory (RAM)</a></li>
                                        <li><a href="#">Motherboards</a></li>
                                        <li><a href="#">Motherboard &amp; CPU Combos</a></li>
                                        <li><a href="#">Motherboard Components</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown breadcrumb-item">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">laptops &amp; computers </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">PDA</a>
                                            <a href="#">accesories</a>
                                            <a href="#">tablets</a>
                                            <a href="#">games</a>
                                            <a href="#">consoles</a>
                                        </li>
                                    </ul>
                                </li><!-- /.breadcrumb-item -->

                                <li class="dropdown breadcrumb-item">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Desktop PC </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="#">PDA</a>
                                            <a href="#">accesories</a>
                                            <a href="#">tablets</a>
                                            <a href="#">games</a>
                                            <a href="#">consoles</a>
                                        </li>
                                    </ul>
                                </li><!-- /.breadcrumb-item -->

                                <li class="breadcrumb-item">
                                    <a href="#">Gaming</a>
                                </li><!-- /.breadcrumb-item -->

                                <li class="breadcrumb-item current">
                                    <a href="#">VAIO Fit Laptop - Windows</a>
                                </li><!-- /.breadcrumb-item -->
                            </ul><!-- /.breadcrumb-nav-holder -->
                        </div>
                    </div><!-- /.container -->
                </div>
                <!-- ========================================= BREADCRUMB : END ========================================= --></div>
        </header>
<?php echo $content;?>
<footer id="footer" class="color-bg">

    <div class="container">
        <div class="row no-margin widgets-row">
            <div class="col-xs-12  col-sm-4 no-margin-left">
                <!-- ============================================================= FEATURED PRODUCTS ============================================================= -->
                <div class="widget">
                    <h2>Featured products</h2>
                    <div class="body">
                        <ul>
                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">Netbook Acer Travel B113-E-10072</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-01.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-02.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-03.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div><!-- /.body -->
                </div> <!-- /.widget -->
                <!-- ============================================================= FEATURED PRODUCTS : END ============================================================= -->            </div><!-- /.col -->

            <div class="col-xs-12 col-sm-4 ">
                <!-- ============================================================= ON SALE PRODUCTS ============================================================= -->
                <div class="widget">
                    <h2>On-Sale Products</h2>
                    <div class="body">
                        <ul>
                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">HP Scanner 2910P</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-04.jpg" />
                                        </a>
                                    </div>
                                </div>

                            </li>
                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">Galaxy Tab 3 GT-P5210 16GB, Wi-Fi, 10.1in - White</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-05.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-06.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div><!-- /.body -->
                </div> <!-- /.widget -->
                <!-- ============================================================= ON SALE PRODUCTS : END ============================================================= -->            </div><!-- /.col -->

            <div class="col-xs-12 col-sm-4 ">
                <!-- ============================================================= TOP RATED PRODUCTS ============================================================= -->
                <div class="widget">
                    <h2>Top Rated Products</h2>
                    <div class="body">
                        <ul>
                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">Galaxy Tab GT-P5210, 10" 16GB Wi-Fi</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-07.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">PowerShot Elph 115 16MP Digital Camera</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-08.jpg" />
                                        </a>
                                    </div>
                                </div>
                            </li>

                            <li>
                                <div class="row">
                                    <div class="col-xs-12 col-sm-9 no-margin">
                                        <a href="single-product.html">Surface RT 64GB, Wi-Fi, 10.6in - Dark Titanium</a>
                                        <div class="price">
                                            <div class="price-prev">$2000</div>
                                            <div class="price-current">$1873</div>
                                        </div>
                                    </div>

                                    <div class="col-xs-12 col-sm-3 no-margin">
                                        <a href="#" class="thumb-holder">
                                            <img alt="" src="images/blank.gif" data-echo="images/products/product-small-09.jpg" />
                                        </a>
                                    </div>

                                </div>
                            </li>
                        </ul>
                    </div><!-- /.body -->
                </div><!-- /.widget -->
                <!-- ============================================================= TOP RATED PRODUCTS : END ============================================================= -->            </div><!-- /.col -->

        </div><!-- /.widgets-row-->
    </div><!-- /.container -->

    <div class="sub-form-row">
        <div class="container">
            <div class="col-xs-12 col-sm-8 col-sm-offset-2 no-padding">
                <form role="form">
                    <input placeholder="Subscribe to our newsletter">
                    <button class="le-button">Subscribe</button>
                </form>
            </div>
        </div><!-- /.container -->
    </div><!-- /.sub-form-row -->

    <div class="link-list-row">
        <div class="container no-padding">
            <div class="col-xs-12 col-md-4 ">
                <!-- ============================================================= CONTACT INFO ============================================================= -->
                <div class="contact-info">
                    <div class="footer-logo">
                       商城
                    </div><!-- /.footer-logo -->

                    <p class="regular-bold"> Feel free to contact us via phone,email or just send us mail.</p>

                    <p>
                        17 Princess Road, London, Greater London NW1 8JR, UK
                        1-888-8MEDIA (1-888-892-9953)
                    </p>

                    <div class="social-icons">
                        <h3>Get in touch</h3>
                        <ul>
                            <li><a href="http://facebook.com/transvelo" class="fa fa-facebook"></a></li>
                            <li><a href="#" class="fa fa-twitter"></a></li>
                            <li><a href="#" class="fa fa-pinterest"></a></li>
                            <li><a href="#" class="fa fa-linkedin"></a></li>
                            <li><a href="#" class="fa fa-stumbleupon"></a></li>
                            <li><a href="#" class="fa fa-dribbble"></a></li>
                            <li><a href="#" class="fa fa-vk"></a></li>
                        </ul>
                    </div><!-- /.social-icons -->

                </div>
                <!-- ============================================================= CONTACT INFO : END ============================================================= -->            </div>

            <div class="col-xs-12 col-md-8 no-margin">
                <!-- ============================================================= LINKS FOOTER ============================================================= -->
                <div class="link-widget">
                    <div class="widget">
                        <h3>Find it fast</h3>
                        <ul>
                            <li><a href="category-grid.html">laptops &amp; computers</a></li>
                            <li><a href="category-grid.html">Cameras &amp; Photography</a></li>
                            <li><a href="category-grid.html">Smart Phones &amp; Tablets</a></li>
                            <li><a href="category-grid.html">Video Games &amp; Consoles</a></li>
                            <li><a href="category-grid.html">TV &amp; Audio</a></li>
                            <li><a href="category-grid.html">Gadgets</a></li>
                            <li><a href="category-grid.html">Car Electronic &amp; GPS</a></li>
                            <li><a href="category-grid.html">Accesories</a></li>
                        </ul>
                    </div><!-- /.widget -->
                </div><!-- /.link-widget -->

                <div class="link-widget">
                    <div class="widget">
                        <h3>Information</h3>
                        <ul>
                            <li><a href="category-grid.html">Find a Store</a></li>
                            <li><a href="category-grid.html">About Us</a></li>
                            <li><a href="category-grid.html">Contact Us</a></li>
                            <li><a href="category-grid.html">Weekly Deals</a></li>
                            <li><a href="category-grid.html">Gift Cards</a></li>
                            <li><a href="category-grid.html">Recycling Program</a></li>
                            <li><a href="category-grid.html">Community</a></li>
                            <li><a href="category-grid.html">Careers</a></li>

                        </ul>
                    </div><!-- /.widget -->
                </div><!-- /.link-widget -->

                <div class="link-widget">
                    <div class="widget">
                        <h3>Information</h3>
                        <ul>
                            <li><a href="category-grid.html">My Account</a></li>
                            <li><a href="category-grid.html">Order Tracking</a></li>
                            <li><a href="category-grid.html">Wish List</a></li>
                            <li><a href="category-grid.html">Customer Service</a></li>
                            <li><a href="category-grid.html">Returns / Exchange</a></li>
                            <li><a href="category-grid.html">FAQs</a></li>
                            <li><a href="category-grid.html">Product Support</a></li>
                            <li><a href="category-grid.html">Extended Service Plans</a></li>
                        </ul>
                    </div><!-- /.widget -->
                </div><!-- /.link-widget -->
                <!-- ============================================================= LINKS FOOTER : END ============================================================= -->            </div>
        </div><!-- /.container -->
    </div><!-- /.link-list-row -->

    <div class="copyright-bar">
        <div class="container">
            <div class="col-xs-12 col-sm-6 no-margin">
                <div class="copyright">
                    &copy; <a href="index.html">Media Center</a> - all rights reserved
                </div><!-- /.copyright -->
            </div>
            <div class="col-xs-12 col-sm-6 no-margin">
                <div class="payment-methods ">
                    <ul>
                        <li><img alt="" src="images/payments/payment-visa.png"></li>
                        <li><img alt="" src="images/payments/payment-master.png"></li>
                        <li><img alt="" src="images/payments/payment-paypal.png"></li>
                        <li><img alt="" src="images/payments/payment-skrill.png"></li>
                    </ul>
                </div><!-- /.payment-methods -->
            </div>
        </div><!-- /.container -->
    </div><!-- /.copyright-bar -->

</footer><!-- /#footer -->
<!-- ============================================================= FOOTER : END ============================================================= -->	</div><!-- /.wrapper -->

<!-- JavaScripts placed at the end of the document so the pages load faster -->


<!-- For demo purposes – can be removed on production -->

<script src="switchstylesheet/switchstylesheet.js"></script>

<script>
    $(document).ready(function(){
        $(".changecolor").switchstylesheet( { seperator:"color"} );
        $('.show-theme-options').click(function(){
            $(this).parent().toggleClass('open');
            return false;
        });
    });

    $(window).bind("load", function() {
        $('.show-theme-options').delay(2000).trigger('click');
    });
</script>
<!-- For demo purposes – can be removed on production : End -->

<script src="http://w.sharethis.com/button/buttons.js"></script>
<?php $this->endBody() ?>
</body>
</html>
<?php $this->endPage() ?>